@import '../color/colors';

$com-prefix:'keda';

$body-background: white;

$defalut-color: $blue-6;
$primary-color: $blue-6;
$danger-color: $magenta-6;


$black: #000;
$text-color: #555;
$component-background: #ccc;

$btn-default-color: 'lightblue';

$btn-font-weight: 500;

$font-size-base: 12px;
$font-size-lg: $font-size-base+2px;
$font-size-sm: $font-size-base -1px;

$btn-font-size-base: $font-size-base;
$btn-font-size-lg: $font-size-lg;
$btn-font-size-sm: $font-size-sm;

// vertical paddings
$padding-lg: 12px; // containers
$padding-md: 10px; // small containers and buttons
$padding-sm: 8px; // Form controls and items
$padding-xs: 2px; // small items

$font-size-base: 14px;
$font-size-lg: $font-size-base+2px;
$font-size-sm: $font-size-base - 2px;


$line-height-base: 1.5;
$border-radius-base: 2px;
$border-radius-sm: 1px;

$border-color-base:'#f2f3f5';
// $border-color-inverse: $white;
$border-width-base: 1px; // width of the border for a component
$border-style-base: solid; // style of a components border


// Buttons
$btn-font-weight: 400;
$btn-border-radius-base: $border-radius-base;
$btn-border-radius-sm: #{$border-radius-base}-1;
$btn-border-radius-lg: $border-radius-base+1;
$btn-border-width: $border-width-base;
$btn-border-style: $border-style-base;
$btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
$btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
$btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);


$btn-height-base: 24px;
$btn-height-lg: 32px;
$btn-height-sm: 24px;



$btn-padding-base: 0 $padding-md;
$btn-padding-lg: 0 $padding-lg;
$btn-padding-sm: 0 $padding-sm;


$btn-default-color: #5f5f5f;
$btn-default-bg: #eff2f4;
$btn-default-border: #ccc;

$btn-default-down-bg: #fff;
$btn-default-down-color: #53AFE4;
$btn-default-down-border:#53AFE4;

$btn-default-hover-bg: #53AFE4;
$btn-default-hover-color: #fff;
$btn-default-hover-border:#53AFE4;

$btn-default-disabled-bg: #eff2f4;
$btn-default-disabled-color: #ccc;
$btn-default-disabled-border: #ccc;